<template>
    <view>
        <el-tabs v-model="activeTab" type="card" class="demo-tabs" @tab-click="handleClick">
            <el-tab-pane label="基础套管" name="first">
                <CasingsForm></CasingsForm>
            </el-tab-pane>
            <el-tab-pane label="裸眼井" name="second">
                <OpenHoleForm></OpenHoleForm>
            </el-tab-pane>
            <el-tab-pane label="油管" name="five"><TubingsForm></TubingsForm></el-tab-pane>
            <el-tab-pane label="电缆" name="third"><LinerForm></LinerForm></el-tab-pane>
            <el-tab-pane label="钻杆" name="six">
                <DrillPipeForm></DrillPipeForm>
            </el-tab-pane>
            <el-tab-pane label="基础信息" name="seven"><InfoForm></InfoForm></el-tab-pane>
        </el-tabs>
    </view>
</template>
<script setup>
import CasingsForm from './CasingsForm.vue'
import DrillPipeForm from './DrillPipeForm.vue'
import OpenHoleForm from './OpenHoleForm.vue'
import InfoForm from './InfoForm.vue'
import TubingsForm from './TubingsForm.vue'
import LinerForm from './linersForm.vue'
const activeTab = ref("first")
</script>